/**  默认背景色  **/
$x-default-bg-color: #fff;

/**  默认组件背景色  **/
$x-component-bg-color: rgb(246 249 248);

/**  默认主题色  **/
$x-primary-color: #4474f6;

/**  默认字体色  **/
$x-default-font-color: #8696b5;

/**  高亮字体色  **/
$x-primary-font-color: $x-primary-color;

/**  默认字体大小  **/
$x-default-font-size: 14px;

/**  默认字体  **/
$x-default-font-family: -apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Segoe UI', 'Arial', 'PingFang SC',
'苹方', 'Microsoft YaHei', '微软雅黑', '黑体', 'SimHei', sans-serif;

/**  默认sidebar大小  **/
$x-sidebar-width: 220px;

/**  默认边框颜色  **/
$x-base-border-color: #394567;
$x-param-bg-color: #1a2137;
$x-param-border-color: #272e42;
$x-view-bg-color: #1d2640;
$x-page-bg-color: #171c2e;
$x-min-padding: 16px;
$x-small-padding: 8px;
$x-max-padding: 32px;
$x-large-padding: 24px;
$x-default-opacity: 0.85;
$x-user-status-1: #de5a5a;
$x-user-status2: #e66586;
$x-use-status3: #eeaf76;
$x-user-status4: #407aee;
$x-user-status5: #4dcc72;
$x-success-color: #55a48d;
$x-info-color: #de5a5a;

/**  主题左侧菜单栏颜色  **/
$x-item-color-hover: rgb(243 243 245);
$x-item-color-active: rgb(24 144 255 / 15%);
$x-item-color-active-hover: rgb(24 144 255 / 15%);
$x-item-color-active-collapsed: rgb(24 144 255 / 15%);
$x-item-border-radius: 3px;
$x-item-height: 42px;
$x-item-text-color: rgb(62 65 69);
$x-item-text-color-active: #4474f6;
$x-item-text-color-hover: rgb(51 54 57);
$x-item-text-color-child-active-hover: #4474f6;
$x-item-text-color-child-active: #4474f6;
$x-item-icon-color: rgb(31 34 37);
$x-item-icon-color-hover: rgb(31 34 37);
$x-item-icon-color-active: #4474f6;
$x-item-bezier: cubic-bezier(0.4, 0, 0.2, 1);

/**  主题颜色  **/

$x-color-background: #202945;
$x-opacity: 0.85;
$x-shadow-color: rgba(#000, 0.2);
$x-back-color: #111827;
$x-primary-color: #4474f6;
$x-font-color: #8696b5;
$x-border-color: #394567;
$x-border-color-s: #384567;

/**
  默认蓝主题配色
 */
$x-blue-primary-color: #407aee;
$x-blue-background-color: #111827;
$x-blue-component-background-color: #202945;
$x-blue-font-color: #8696b5;
$x-blue-border-color: #394567;
$x-blue-filter-background-color: #1a2137;
$x-blue-filter-border-color: #272e42;
$x-blue-data-background-color: #1d2640;
$x-blue-page-background-color: #171c2e;
$x-blue-op-color: #3e4866;

/**
基佬紫主题配色
 */
$x-purple-primary-color: #7e06cd;
$x-purple-background-color: #111827;
$x-purple-component-background-color: #202945;
$x-purple-font-color: #8696b5;
$x-purple-border-color: #394567;
$x-purple-filter-background-color: #1a2137;
$x-purple-filter-border-color: #272e42;
$x-purple-data-background-color: #1d2640;
$x-purple-page-background-color: #171c2e;
$x-purple-op-color: #3e4866;
